<%--
  Created by IntelliJ IDEA.
  User: BluceYoung
  Date: 2020/12/4
  Time: 15:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<jsp:include page="../temp/index_head.jsp">
    <jsp:param name="title" value="个人主页"/>
</jsp:include>
<div class="col-md-12 col-sm-12 col-xs-12">
    <div class="x_panel">
        <div class="x_title">
            <h2>个人主页 <small>different form elements</small></h2>
            <div class="clearfix"></div>
        </div>
        <div class="x_content">
            <div class="col-md-3 col-sm-3 col-xs-12 profile_left">
                <div class="profile_img">
                    <div id="crop-avatar">
                        <img class="img-responsive avatar-view" src="${pageContext.request.contextPath}/statics/images/<c:if test="${empty user.headImg}">img.jpg</c:if><c:if test="${not empty user.headImg}">userhead/${user.headImg}</c:if>" alt="${user.nickName}" title="${user.nickName}">
                    </div>
                </div>
                <h3>${user.nickName}</h3>
                <ul class="list-unstyled user_data">
                    <li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span> ${user.loginMail}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> ${user.trueName}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> ${user.sex}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> ${user.phone}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> ${user.idCard}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> ${user.qqCode}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> ${user.wechatCode}
                    </li>
                    <li>
                        <i class="fa fa-briefcase user-profile-icon"></i> ${user.signature}
                    </li>

                </ul>
                <%--如果当前信息是登录用户的--%>
                <c:if test="${empty requestScope.user}">
                    <a href="${pageContext.request.contextPath}/user/edit.html" class="btn btn-success"><i class="fa fa-edit m-right-xs"></i>编辑资料</a>
                </c:if>

                <br>

            </div>
            <div class="col-md-9 col-sm-9 col-xs-12">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
                        <li role="presentation" class="active"><a href="#tab_content1" id="home-tab" role="tab" data-toggle="tab" aria-expanded="true">创建的社</a>
                        </li>
                        <li role="presentation" class=""><a href="#tab_content2" role="tab" id="profile-tab" data-toggle="tab" aria-expanded="false">加入的社</a>
                        </li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div role="tabpanel" class="tab-pane fade active in" id="tab_content1" aria-labelledby="home-tab">
                            创建的社团
                            <c:if test="${empty requestScope.user and empty sessionScope.user.club}">
                                <a class="btn btn-primary" href="${pageContext.request.contextPath}/club/add.html">创建社团</a>
                            </c:if>
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content2" aria-labelledby="profile-tab">
                            加入的社
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<jsp:include page="../temp/index_foot.jsp"></jsp:include>
